<div class="main-left">
    <div class="left-position">
        <!-- ko with:user -->
        <div class="personal" data-bind="style:{'background-image':bgCss}">
            <div class="avatar">
                <div class="avatar-img img-circle relative">
                    <img src="" alt="" data-bind="attr:{'src':avatar, 'alt':nickname}"/>
                    <!-- ko if:auth -->
                    <img src="" title="" class="newG-icon" data-bind="attr:{'src':auth.pic, 'title':auth.name}">
                    <!-- /ko -->
                </div>
            </div>
            <div class="name">
                <span class="level" data-bind="text:level">LV.0</span>
                <span class="nicheng" data-bind="text:nickname"></span>
                <!-- ko if: gender == '女'-->
                    <span class="female"></span>
                <!-- /ko -->
                <!-- ko if: gender == '男'-->
                    <span class="male"></span>
                <!-- /ko -->
            </div>
            <div class="mine">
                <ul>
                    <li>
                        <a href="javascript:;" title="粉丝">
                            <i class="mine-img mine-img1"></i>
                            <div class="mine-span overflow">
                                粉丝：<!-- ko text:fans --><!-- /ko -->
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" title="关注">
                            <i class="mine-img mine-img2"></i>
                            <div class="mine-span overflow">
                                关注：<!-- ko text:follows --><!-- /ko -->
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" title="游戏">
                            <i class="mine-img mine-img3"></i>
                            <div class="mine-span overflow">
                                游戏：<!-- ko text:scribe --><!-- /ko -->
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="tips">
            <div class="email" title="快给小伙伴发私信吧！" onclick="warning()">
                <a href="javascript:void(0);">
                    <span class="email-img"></span>
                    <span class="email-span">发私信</span>
                </a>
            </div>
            <div class="guanzhu" title="关注" data-bind="click:follow.follow">
                <a href="javascript:void(0);">
                    <span class="guanzhu-img" data-bind="visible:!follow.is_follow()"></span>
                    <span class="guanzhu-span" data-bind="text:follow.is_follow()?'已关注':'加关注'"></span>
                </a>
            </div>
        </div>
        <div class="menu">
            <ul>
                <li>
                    <i class="menu-img1"></i>
                    <div class="menu-title">简介</div>
                    <div class="menu-content des">{$user.desc}</div>
                </li>
                <li>
                    <i class="menu-img2"></i>
                    <div class="menu-title">擅长游戏</div>
                    <div class="menu-content game">
                        <volist name="user.game" id="game">
                            <span>{$game}</span>
                        </volist>
                    </div>
                </li>
                <li>
                    <i class="menu-img3"></i>
                    <div class="menu-title">现年</div>
                    <div class="menu-content age">{$user.age|default=0}岁</div>
                </li>
                <li>
                    <i class="menu-img4"></i>
                    <div class="menu-title">星座</div>
                    <div class="menu-content stars">{$user.stars}</div>
                </li>
                <li>
                    <i class="menu-img5"></i>
                    <div class="menu-title">爱好</div>
                    <div class="menu-content hobby">
                        <span>{$user.interest}</span>
                    </div>
                </li>
                <li class="bottom-no">
                    <i class="menu-img6"></i>
                    <div class="menu-title">注册时间</div>
                    <div class="menu-content c-time">{$user.reg_time|date="Y-m-d",###}</div>
                </li>
            </ul>
        </div>
        <!-- /ko -->
    </div>
    <div class="recommend1"></div>
</div>